require(["config"], function(config) {
	require(["jquery", "sw", "cook", "cooki", "one", ], function(jquery, sw, cook, cooki, one) {

		$(function() {
				$(".top_right_car").click(function() {
					location.href = "shopping.html"
				})
			})
			//地址栏传参
		$(function() {
			var href = window.location
			var str = decodeURIComponent(href);
			var dd = str.split("?");
			//alert(dd[1])
			var nu = dd[1];
			console.log(nu)
				//	alert(nu)
			$.getJSON("js/list.json", function(json) {
				var $h1 = $(".three .three_right h1")
				$h1.html(json[nu].name);

				var $i = $(".detail .one span i")
				$i.html(json[nu].name);

				var $span = $(".three .three_right p span");
				$span.html(json[nu].price)

				var $img = $(".datu img");
				$img.html(json[nu].img)

				$.each($img, function(i) {
					$img.attr("data-good-id", nu)
				})
			})

		})

		//---------------------------jq放大镜-------------------------------

		$(function() {
			$(".qq li").mouseover(function() {
				$(this).css("border", "1px solid red").siblings().css("border", "none");
				$(".aa li").find("img").attr("src", $(this).find("img").attr("src"))
				$(".three_left .datu").find("img").attr("src", $(this).find("img").attr("src"))
			});

			$(".zhezhao").bind({
				mouseover: function() {
					$(".float").css("display", "block");
					$(".datu").css("display", "block");
				},
				mouseout: function() {
					$(".float").css("display", "none");
					$(".datu").css("display", "none");
				},
				mousemove: function(e) {
					var left = e.offsetX - $(".float").width() / 2;
					var top = e.offsetY - $(".float").height() / 2;
					if (left < 0) {
						left = 0
					}
					if (left > $(".zhezhao").width() - $(".float").width()) {
						left = $(".zhezhao").width() - $(".float").width();

					}
					if (top < 0) {
						top = 0;
					}
					if (top > $(".zhezhao").height() - $(".float").height()) {
						top = $(".zhezhao").height() - $(".float").height()
					}

					//offsetX  offsetY  返回元素的新坐标   X和Y
					$(".float").css("top", top + "px");
					$(".float").css("left", left + "px")
					var preX = left / ($(".zhezhao").width() - $(".float").width());
					var preY = top / ($(".zhezhao").height() - $(".float").height());

					$(".datu img").css("left", -preX * ($(".datu img").width() - $(".datu").width()) + "px");
					$(".datu img").css("top", -preY * ($(".datu img").height() - $(".datu").height()) + "px");
				}
			})

			//--------------------加入购物车-----------------
			loadCart(); //加载已有购物车信息

			//	给购物车按钮添加一个点击事件
			$("#buy").click(function() {
					location.href = "shopping.html";
				})
				//给加入购物车的按钮添加点击事件
			$(".xuan a").click(function(e) {
				//		alert("aa")
				//获取山商品的Id("用于区分不同的商品")；
				var goodId = $(".datu img").attr("data-good-id");
				//		alert(goodId);
				//获取商品名称
				var goodName = $(".three_right h1").html();
				//		alert(goodName);

				var pattern = /(\d+)/;
				var goodPrice = ($(".three .three_right p span").html().match(pattern)[1]);
				//console.log(goodPrice);	
				var goodSrc = $(".qq li").eq(0).find("img").attr("src");
				//		alert(goodSrc);
				//存到购物车中去。商品信息统一可以放到cookie中;
				//购物车中是否有商品；
				//购物车中是否加过同一商品

				//首先获取cookie中的信息
				//如果cookie中没有信息会返回一个undefined
				var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
				//将字符串转为对象；
				var cartObj = convertCartStrToObj(cartStr);
				//判断商品是否已经在购物车中存在
				if (goodId in cartObj) {
					//如果已存在，那么该商品的数量加1
					cartObj[goodId].num += 1;
				} else {
					//如果不存在，那么将新商品的信息存入
					cartObj[goodId] = {
						name: goodName,
						price: goodPrice,
						num: 1,
						src: goodSrc
					};
				}
				//将新的购物车信息存回cookie中。
				//将对象转为字符串
				cartStr = convertObjToCartStr(cartObj);
				//存入cookie
				$.cookie("cart", cartStr, {
					expires: 7,
					path: "/"
				});

				$("#buy").val(function(index, v) {
					//"购物车（0）"
					var pattern = /(\d+)/;
					var num = parseInt(v.match(pattern)[1]);

					$(".top_right_span1").html(num + 1);

					return "购物车(" + (num + 1) + ")";

				})
			})

		});

		function convertCartStrToObj(cartStr) {
			if (!cartStr) {
				return {};
			}
			var goods = cartStr.split(":");
			var obj = {};
			for (var i = 0; i < goods.length; i++) {
				var data = goods[i].split(",");
				//以商品的id为健 商品的其他信息为值
				obj[data[0]] = {
					name: data[1],
					price: parseFloat(data[2]),
					num: parseInt(data[3]),
					src: data[4]
				}
			}
			return obj;
		}

		function convertObjToCartStr(obj) {
			var cartStr = "";
			//遍历对象
			for (var id in obj) {
				if (cartStr) {
					cartStr += ":"
				}
				cartStr += id + "," + obj[id].name + "," + obj[id].price + "," + obj[id].num + "," + obj[id].src + ",";

			}
			return cartStr
		}

		//加载购物车中商品信息(使商品页与购物车页中的购物信息同步)
		function loadCart() {
			var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
			var cartObj = convertCartStrToObj(cartStr);
			//获取到购物车中所有商品的数量
			var total = 0;
			for (var id in cartObj) {
				total += cartObj[id].num;
			}
			$(".top_right_span1").html(total);
			$("#buy").val("购物车(" + total + ")");
		}

		//顶部悬浮  +  楼梯效果

		$(function() {
			var dtop = $(".detailmain1 p").offset().top;
			$(document).scroll(function() {
				var sh = $(document).scrollTop() - 100;
				if (sh > dtop) {
					$(".detailmain1 p").css("border-bottom", "1px solid #ccc");
					$(".detailmain1 p").css("position", "fixed");
					$(".detailmain1 p").css("top", 0);
					$(".detailmain1 p").show()
				}
				if (sh <= dtop) {
					$(".detailmain1 p").css("border-bottom", "none")
					$(".detailmain1 p").css("position", "")
				}

			})

			$.each($(".detailmain1 p").find("a"), function(index) {
				$(".detailmain1 p a").eq(0).addClass("active1")
				$(this).click(function() {
					$(this).addClass("active1").siblings().removeClass("active1")
					var scrollTop = $(".div").children("div").eq(index).offset().top - $(".detailmain1 p").height();
					$("body").animate({
						scrollTop: scrollTop
					})
				})

			})

			$(".detailmain1 .div5 .a2").mouseover(function() {
				$(".detailmain1 .div5 ul").css("display", "block")
			})

			$(".detailmain1 .div5 ul li").click(function() {
				var val = $(this).html()
				$(".detailmain1 .div5 .a2").html(val)
			})

			$(document).click(function() {
				$(".detailmain1 .div5 h2 ul").css("display", "none")
			})

			$(".detailmain1 .div5 h5").find("a").mouseover(function() {
				clearInterval(timer)
				$(this).css("color", "red").siblings().css("color", "black");
				var index = $(this).index();
				$(".detailmain1 .div5 h5 ul li").eq(index).stop().css("display", "block").siblings().css("display", "none")
			})
			$(".detailmain1 .div5 h5").find("a").mouseout(function() {
				clearInterval(timer)
				timer = setInterval(movt, 2000)
				$(this).css("color", "red").siblings().css("color", "black");
				var index = $(this).index();
				$(".detailmain1 .div5 h5 ul li").eq(index).css("display", "block").siblings().css("display", "none")
			})
			var timer = 0;
			var index = 0;
			var timer = setInterval(movt, 2000)

			function movt() {
				$(".detailmain1 .div5 h5").find("a").eq(index).css("color", "red").siblings().css("color", "black")
				$(".detailmain1 .div5 h5 ul li").eq(index).css("display", "block").siblings().css("display", "none")

				index++;
				if (index > $(".detailmain1 .div5 h5 ul li").length - 1) {
					index = 0;
				}
			}
			movt()
			$(".detailmain1 .div5 h5 ul li").bind({
				mouseover: function() {
					clearInterval(timer)
				},
				mouseout: function() {
					clearInterval(timer)
					timer = setInterval(movt, 2000)
				}
			})

			//给材质点击事件
			//初始化
			$(".caizhi a").eq(0).css("background", "#F8A89C").siblings().css("background", "#dedcdd");
			$(".caizhi a").click(function() {

				$(this).css("background", "#F8A89C").siblings().css("background", "#dedcdd");
				//console.log($(this).index())
			})

		})

	})
})